@charset "utf-8";

.wrapper {
	width: expression(document.body.clientWidth < 950 || document.documentElement.clientWidth < 950 ? "950px" : "100%");
	height: 100%;
}

#logo {
	display: inline;
	height: 130px;
}

.skin_top { padding:0px;}
.top_m,
.top { height:155px;}
.p_search { background:url(images/searchbg.gif) left top no-repeat; z-index:3}

.top_r_user_l{ background: url(images/user_l.gif) left top no-repeat;}
.top_r_user_r{ background: url(images/user_r.gif) right top no-repeat;}
.top_r_user_m{ background: url(images/user_m.gif) left top repeat-x; margin:0px 15px; padding:8px 0px 15px; position:relative; z-index:3; color:#E5A0DE}

.menu_l{ background:url(images/menu_l.gif) left top no-repeat; margin:0 auto; width:1013px; height:73px;}
.menu_r{ background:url(images/menu_r.gif) right top no-repeat; height:73px;}
.menu_m{ background:url(images/menu_m.jpg) left 7px repeat-x; margin:0px 15px;height:73px;}

.yah_l,
.yah_r,
.yah_m{ background: none;}
.p_yah{ padding-top:8px}

.banner { height:214px;}

.middle_tl,
.middle_bl{ display:none;}
.bg_middle{ background:none;}

#extraDivHd {
	bottom: -62px;
}

#extraDivHdA {
	bottom: -1px;
	background-image: url("images/curve.gif");
}

#extraDivHdB {
	bottom: 56px;
	background-image: url("images/mascot.gif");
}

#pageBd,#pageBd .page-area {
	background: none;
}

#extraDivBd {
	display: none;
}

#pageBd .page-area {
	margin: 0 7px;
	border: 1px solid #83C3E5;
	padding: 0;
}

#pageBd .page-area2 {
	padding-top: 32px;
	background-position: 0 0;
}

#main {
	height: 260px;
}

#nav a {
	color: #0068B7;
	text-decoration: none;
}

#nav li.activetab a,#nav li.jdm_hover a,#nav li.jdm_active a {
	border-top: 5px solid #38A8E0;
	padding-top: 1px;
	color: #C6251A;
}

#nav li.activetab ul a,#nav li.jdm_hover ul a,#nav li.jdm_active ul a {
	border-top: 0;
	padding-top: 0;
	color: #0068B7;
}

/*=S Content =*/
.image_top_l{ background:url(images/image_top_l.jpg) center top no-repeat; width:136px; height:37px;}
.top_l .clear{ float:left;}
.image_banner{ background:url(images/image_banner.gif) left top no-repeat; width:208px; height:159px; display:block;}
.image_online{ background:url(images/image_support.gif) left top no-repeat; width:190px; height:58px; display:block;}
.image_contact{ background:url(images/image_contact.gif) left top no-repeat; width:190px; height:58px; display:block;}
.image_right_skin1{ background:url(images/image_right_skin1.jpg) right no-repeat;}
.image_right_skin2{ background:url(images/image_right_skin2.jpg) left no-repeat;}
.image_right_skin3{ background:url(images/image_right_skin3.jpg) right no-repeat;}
.image_right_skin4{ background:url(images/image_right_skin4.jpg) left no-repeat;}
.image_readmore a{ background-image:url(images/image_readmore.gif)!important; background-position: left top; background-repeat: no-repeat;width:106px; height:27px; display:block;}
.image_banner_3l{ background:url(images/image_banner_3l.gif) right top no-repeat; width:149px; height:157px; display:block; float:left; margin:0px 5px 0px 10px}

/*=E Content =*/
/* ==========================
    CSS STYLES FOR JDMenu
   ==========================
*/

ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}
ul.jd_menu:after{
	content:".";
	display:block;
	visibility:hidden;
	width:0px;
	height:0px;
	overflow:hidden;
	clear:both;

}
/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding:0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}

/* Main Menu Background */
ul.jd_menu {
	min-height:60px;
	clear: both;
	padding:7px 0px 6px;
	position:relative;
}

/* Main Menu Verticle Brackground*/
ul.jd_menu_vertical {
	width: 200px;
	height: auto;
	clear: both;
}


/* Main Memu LEFT */
ul.jd_menu li {
	cursor: pointer;
	list-style-type:none;
	padding: 0px 2px 0px 10px;
	margin:0px;
}

/*Main Menu RIGHT*/
ul.jd_menu a, 
ul.jd_menu a:active,
ul.jd_menu a:link,
ul.jd_menu a:visited,
ul.jd_menu a:hover 
{
	text-decoration: none;
	text-align:center;
	display:block;
	color:#E5A0DE;
	padding: 21px 24px 21px 14px;
	font: normal 13px/18px  Verdana, Geneva, sans-serif;
}


/* Main Actice Menu*/
ul.jd_menu li.activetab,
ul.jd_menu li.activetab:link,
ul.jd_menu li.activetab:active,
ul.jd_menu li.activetab:visited
 {background: url("images/menu_hover_l.jpg") no-repeat left bottom;
}
ul.jd_menu li.activetab a,
ul.jd_menu li.activetab a:link,
ul.jd_menu li.activetab a:active,
ul.jd_menu li.activetab a:visited
{
	color: #fff;
	background: url("images/menu_hover_r.jpg") no-repeat right bottom;
}

/*Main Hover Menu */
ul.jd_menu li.jdm_hover{background: url("images/menu_hover_l.jpg") no-repeat left bottom;
}

ul.jd_menu li.jdm_hover a,
ul.jd_menu li.jdm_hover a:active,
ul.jd_menu li.jdm_hover a:link,
ul.jd_menu li.jdm_hover a:visited,
ul.jd_menu li.jdm_hover a:hover	
 {
	color: #fff;
	background: url("images/menu_hover_r.jpg") no-repeat right bottom;}
	
}
.jd_menu > li.activetab > a,.jd_menu > li.jdm_hover > a,.jd_menu > li.jdm_active > a { background: url("images/menu_hover_r.jpg") no-repeat right bottom;}

/*Main Menu Hover for Verticle*/
ul.jd_menu_vertical li.jdm_active,
ul.jd_menu_vertical li.jdm_hover {
/*	padding-top: 1px;
	border-top: 1px solid #70777D;*/
	border-left: 0px;
	border-right: 0px;
}

/*Sub Menu*/
ul.jd_menu ul li a,
ul.jd_menu ul li a:active,
ul.jd_menu ul li a:link,
ul.jd_menu ul li a:visited {
	font-size:11px;
	font-weight:normal;
	background:transparent;
}


/*Sub menu Dropdown Background*/
ul.jd_menu ul {
    background:#311d41;
	border:1px solid #762f70;
	border-top:none;
	width:104px;
}

/* Sub Menu Left */
ul.jd_menu ul li {
	padding: 1px 15px 1px 10px;
	background:transparent;
	border: none;
	text-align:left;
}

/* Sub Menu Right */
ul.jd_menu li.jdm_hover ul li a,
ul.jd_menu li.jdm_hover ul li a:active,
ul.jd_menu li.jdm_hover ul li a:link,
ul.jd_menu li.jdm_hover ul li a:visited,
ul.jd_menu li.jdm_active ul li a,
ul.jd_menu li.jdm_active ul li a:active,
ul.jd_menu li.jdm_active ul li a:link,
ul.jd_menu li.jdm_active ul li a:visited
{
	background:transparent;
	padding: 0px;
	margin:0px;
	text-align:left;
	color:#E59FDE;
	font-size:11px;
	font-weight:normal;
	white-space:nowrap;
	font-family:Arial, Helvetica, sans-serif;
}

/* Sub Menu Hover */
ul.jd_menu ul li.jdm_active,
ul.jd_menu ul li.jdm_hover {
	background:#762f70;
	text-align:left;
	padding:1px 15px 1px 10px;
}

/*Sub Menu High Light*/
ul.jd_menu li.jdm_hover ul li.jdm_hover a,
ul.jd_menu li.jdm_hover ul li.jdm_hover a:active,
ul.jd_menu li.jdm_hover ul li.jdm_hover a:link,
ul.jd_menu li.jdm_hover ul li.jdm_hover a:visited,
ul.jd_menu li.jdm_hover ul li.jdm_active a,
ul.jd_menu li.jdm_hover ul li.jdm_active a:active,
ul.jd_menu li.jdm_hover ul li.jdm_active a:link,
ul.jd_menu li.jdm_hover ul li.jdm_active a:visited
{
	background:transparent;
	padding: 0px;
	margin:0px;
	text-align:left;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	white-space:nowrap;
}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li a{ color:#E59FDE}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_active ul li a{ color:#E59FDE}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_active a{ color:#fff}

ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li a{ color:#E59FDE}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_active ul li a{ color:#E59FDE}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_active a{ color:#fff}

ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li a{ color:#E59FDE}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_active ul li a{ color:#E59FDE}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active a{ color:#fff}

ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li a{ color:#E59FDE}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active ul li a{ color:#E59FDE}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active a{ color:#fff}

ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li a{ color:#E59FDE}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover a{ color:#fff}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active ul li a{ color:#E59FDE}
ul.jd_menu li.haschild ul.jdm_events li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_hover ul li.jdm_active a{ color:#fff}

ul.jd_menu li ul li.sub_last_li,ul.jd_menu li ul li.sub_last_li div{ display:none;}
.jd_menu ul li a span{ line-height:18px; background:none; padding:0px; margin:0px;}


#thumbNav a {background: url(images/tab_01.gif) no-repeat;}
#thumbNav a:hover                       { background: url(images/tab_01_hover.gif) no-repeat; color:#fff;}
#thumbNav a.cur                         { background: url(images/tab_01_hover.gif) no-repeat; color:#fff;}
#start-stop                             { background:url(images/tab_go.gif) no-repeat;}
#start-stop.playing                     { background:url(images/stop.gif) no-repeat;color:#000 }

.anythingSlider .banner2 li.item1		{ background-image:url(images/image_banner_2l.jpg)!important; background-position:center; background-repeat: no-repeat;width:123px; height:93px; margin-left:14px; float:left; display:inline; margin-right:12px;}
.anythingSlider .banner2 li.item1 a		{ display:block; width:124px; height: auto; text-align:center; color:#9F9F9F; text-decoration:none; font-size:12px; font-weight:bold;}
.anythingSlider .banner2 li.item3		{background-image:url(images/image_banner_2m.jpg)!important; background-position:center; background-repeat: no-repeat; width:123px; height:92px; margin-left:14px; float:left; display:inline; margin-right:12px;}
.anythingSlider .banner2 li.item3 a		{ display:block; width:123px; height:auto; text-align:center; color:#9F9F9F; text-decoration:none; font-size:12px; font-weight:bold;}
.anythingSlider .banner2 li.item5		{ background-image:url(images/image_banner_2r.jpg)!important; background-position:center; background-repeat: no-repeat; width:123px; height:92px; margin-left:14px; float:left; display:inline; margin-right:12px;}
.anythingSlider .banner2 li.item5 a		{ display:block; width:123px; height:auto; text-align:center; color:#9F9F9F; text-decoration:none; font-size:12px; font-weight:bold;}

.anythingSlider .banner4 li.item1		{ background:url(images/image_banner_4l.gif) left no-repeat; width:93px; height:150px; margin-left:40px; float:left; display:inline; margin-right:30px; float: left; padding:0px;}
.anythingSlider .banner4 li.item1 a		{ display:block; width:93px; height:96px; margin:27px 30px 0px 0px; text-align:center; color:#9F9F9F; text-decoration:none; font-size:12px; font-weight:bold;}

.anythingSlider .banner4 li.item3		{ background:url(images/image_banner_4m.gif) left no-repeat; width:93px; height:150px; margin-left:40px; float:left; display:inline; margin-right:30px; float: left; padding:0px;}
.anythingSlider .banner4 li.item3 a		{ display:block; padding:0px; width:81px;height:118px; margin-top:17px; text-align:center; color:#9F9F9F; text-decoration:none; font-size:12px; font-weight:bold;}


